
<html>
<head>
<title>lifeTOgo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="icon.png" />
<link rel="stylesheet" type="text/css" id="stylesheet" href="../style/style.css" />
<script  type="text/javascript"  src="../jq/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../jq/jquery.placeholder.js"></script>
<script type="text/javascript" src="../js/ajax.js"></script>
<script  type="text/javascript">
//инициализация заменяющегося текста placeholder
jQuery('input[placeholder], textarea[placeholder]').placeholder();

//изменение поля логин
$(function() {
			
            $('input[id="login"]').focus(function() {
                $(this).addClass("focus");
				$('#reg').animate({opacity:'0'},500);
            });
			
            $('input[id="login"]').blur(function() {
                $(this).removeClass("focus");
            });
        });
		
//изменение поля пароль
$(function() {
	
            $('input[id="password"]').focus(function() {
                $(this).addClass("focus");
				$('#reg').animate({opacity:'0'},500);
            });
			
            $('input[id="password"]').blur(function() {
                $(this).removeClass("focus");
            });
        });
		
//изменение поля имя
$(function() {
	
            $('input[id="first_name"]').focus(function() {
                $(this).addClass("focus");
            });
			
            $('input[id="first_name"]').blur(function() {
                $(this).removeClass("focus");
            });
        });
	
//изменение поля фамилия	
$(function() {
	
            $('input[id="last_name"]').focus(function() {
                $(this).addClass("focus");
            });
			
            $('input[id="last_name"]').blur(function() {
                $(this).removeClass("focus");
            });
        });
	
//изменение поля email	
$(function() {
	
            $('input[id="e-mail"]').focus(function() {
                $(this).addClass("focus");
            });
			
            $('input[id="e-mail"]').blur(function() {
                $(this).removeClass("focus");
            });
        });
		
//изменение кнопки ВХОД при наведении	
$(document).ready(function(){
$('.subm').each(function(){
      $(this).animate({opacity:'0.6'},1);
      $(this).mouseover(function(){
          $(this).stop().animate({opacity:'1.0'},100);
      });
      $(this).mouseout(function(){
          $(this).stop().animate({opacity:'0.6'},500);
      });
 
});
});		

//изменение кнопки РЕГИСТРАЦИЯ при наведении	
$(document).ready(function(){
$('.subm2').each(function(){
      $(this).animate({opacity:'0.6'},1);
      $(this).mouseover(function(){
          $(this).stop().animate({opacity:'1.0'},100);
      });
      $(this).mouseout(function(){
          $(this).stop().animate({opacity:'0.6'},500);
      });
 
});
});	

//появление поля для регистрации
$(document).ready(function(){
$('.reg_text').each(function(){
      $('#reg').animate({opacity:'0'},0);
      $(this).click(function(){
          $('#reg').stop().animate({opacity:'1.0'},200);
      });
      $('.close_reg_text').click(function(){
          $('#reg').stop().animate({opacity:'0'},500);
      });
 
});
});		


</script>
</head>
<body>
<!--Блок общий-->
<div id="all">

<!--Блок логина-->
<center><div id="log">
	
    	<center><font class="text_logo">Назначайте встречи и проводите время вместе.<br> 
		lifeTOgo - путь к энергичной и интересной жизни.</font></center><br><br>
  
    	
        <center><font class="text_vhod">Вход</font></center><br>
        <form action="login" method="post">
        	<div><center><input name="login" type="text" placeholder="логин" maxlength="50" id="login"/></center></div><br>
            <div><center><input name="password" type="text" placeholder="пароль" maxlength="50" id="password"/></center></div>
         <div class="reg_text">регистрация</div><br>
            <center><div id="brd"><input type="submit" value="ВОЙТИ" class="subm"/></div></center>
        </form>
        
</div></center>

<!--Блок регистрации-->
<div id="reg">
<center><font class="text_vhod">Регистрация</font></center><br>
        <form method='post' onsubmit='return false;' action='<?=$_SERVER['REQUEST_URI']?>'>
        	<div><center><input name="newlogin" type="text" placeholder="" maxlength="50" id="newlogin"/></center></div><br>
            <div><center><input name="newpassword" type="text" placeholder="Passowrd" maxlength="50" id="newpassword"/></center></div><br>
            <div><center><input name="e-mail" type="text" placeholder="e-mail" maxlength="50" id="e-mail"/></center></div><br>
            <center><div id="brd2"><button  onclick="submitOrder();" class="subm2">ЗАРЕГЕСТРИРОВАТЬСЯ</button></div></center>
        </form>
<div class="close_reg_text">закрыть</div>

</div>
<!--Блок краткого обзора-->
<center><div id="registration_review"></div></center>
</div>
</body>
</html>